<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>天气查询-VUE+AXIOS</title>
		<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
		<!-- <script src="../../assets/js/base/axios.js" type="text/javascript" charset="utf-8"></script> -->
		<script src="../../assets/js/base/vue.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="app">
			<input v-model="city" v-on:keyup.enter="getWeather(city)" type="text" placeholder="请输入要查询的城市!"/>
			<button v-on:click="getWeather" type="button">查询</button>
			<p>
				<button @click="btnSearch(item)" v-for="item in cityList">{{item}}</button>
			</p>
			<div>
				<ul>
					<li v-for="weather in weatherList" style="float: left;">
						<span>天气：{{weather.type}}</span>
						<br />
						<span>{{weather.low}}~{{weather.high}}</span><br>
						<span>日期：{{weather.date}}</span><br>
						<!-- <span>风力：{{weather.fengxiang}}-{{weather.fengli}}</span> -->
					</li>
				</ul>
			</div>
		</div>
		<script src="../../assets/js/weather/weather.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
